18 Inspirational And Helpful Image Gallery JavaScript Solutions

1. jQuery Facebook Gallery

featured image

jQuery Facebook Gallery script allows you to show all your Facebook albums (images) on your website. Thscript is a pure javascript/jQuery solution and does not require PHP server.No need PHP unless internal image scaler is utilized; an external (web based) image scaling service is utilized by default

Thscript requires you to load additional JS CSS files for your website, as well as adding some custom HTML JavaScript lines to your page code. While JS CSS files can be hosted outside of your website, JavaScript lines that are necessary to initialize gallery and HTML line which defines where in your page the gallery will be shown must be part of your website.Once you purchased the script, you will receive a full manual that explains all available settings and also includes some information about the generated markup and how to target / call tool-tip content image links alternative plugins.Added 2nd Cloud based Image Scaling Service create Thumbnails

Added option disable Automatic iFrame Detection and Height Adjustment if gallery is embedded with cross-domain iFrames (not recommended embed this way, but sometimes there are no alternatives)

Fixed error where link to the full size image (disk icon) does not always use the correct link

Changed from Facebook Javascript API direct Facebook Graph requests via JSON to (hopefully) avoid future “Access Token” requests

More Details

2. CSS Slider

CSS Slider

non jQuery Slider, pure CSS image slider.

Responsive Slider with Pure CSS. Awesome animations and templates. Visual Maker - No scripting!

No more jQuery, No more JavaScript, No more image icons, Hardware-accelerated CSS animations, Icon font for controls, All browsers, Fully responsive, Mobile friendly

Retina-ready, Awesome effects and skins, Full width option, No more coding, Super easy drag-n-drop slider maker

More Details

3. YouTube Channel

featured image

Features include choosing thumbnail image and size, autoplay, click, load error event handlers, easy styling and chainability. It only takes a minute to drop in the code and with a single line jQuery javascript – your website has video gallery!

More Details

4. Jssor Slider jQuery Plugin, TOUCH & RESPONSIVE

featured image

Image Slider

Image Gallery

Image Gallery with Vertical Thumbnail Navigator

No-Jquery minimum 15KB javascript code by smart compression. Javascript code deep compression smart compressiengine

More Details

5. Ultimate Grid Responsive Gallery

featured image

Ultimate Grid Responsive Gallery

This is HTML | CSS | JQuery Grid with a Lightbox, you can specify thumbnails for the grid and when you click on it open lightbox it will load the normal image, you can specify text for captions and for the lightbox. Deactivate and Activate Features through Javascript Options

More Details

6. Repose Showcase

featured image

Repose is javascript plugin which can be used as an amazing showcase for different stuff.

More Details

7. Dimension 3D Portfolio Gallery

featured image

Dimension 3D Portfolio Gallery is an easy to use jQuery 3D Tile / Portfolio Gallery 3D animated filter selection.This Portfolio is created with javascript, CSS3 HTML5 .Other browsers will fallback to a n3D portfolio gallery.

More Details

8. ClipChroma - The Photography Website Solution

featured image

You control layout, backgrounds, image sizes, slideshows & more

Advanced theme options with custom javascript/css

Full control of your website’s key SEO factors – Set title, keywords, descriptions and more for each page/photo/gallery

Every page/image can be shared easily (if you want).

More Details

9. SuperSocial - jQuery Ajax Social Panel

featured image

Settings are made with javascript.Using Fancybox Image, Dribbble thumbnails flickr thumbnails uses Lightbox

Dribbble Gallery Mode

Gallery

More Details

10. Spectrum Gallery Plugin

featured image

Spectrum is a superb JavaScript gallery plugin, which will work with jQuery, as an AMD Module or a browser global. It hsupport for image cropping, true to proportion JavaScript image scroller and perfect image alignment.It is perfect portfolio and gallery website design along with its smooth transitions. Is there an image animation style that is missing? No problem. You could extend the image method library adding your own methods, which could, lets say, rotate an image as it slides into position. Setting up straight away is ridiculously easy, almost every option has a default, the only thing you would need to do is supply the images, and the parent element to which gallery is appended to. And i mean minimal, the only piece of html code required to make spectrum work is a single tag, that being the element on which to create the gallery. All the little things gallery and image creation is handled by the plugin, you only have to specify the url for each image. What you will be left with is beautiful gallery which fits perfectly all its images. Spectrum can handle multiple tags being searched at the same time, it can also do other magic with tags, such as add an “all” tag, which can also be any text you desire, you can also tell Spectrum which tag to start gallery on. Also Spectrum can map to size of its parent element, so if you have implemented responsive design, whenever a different device views the page, gallery will change size if its parent element changes size. Be it using new curves, image specific animation, or entire compositions that orchestrate the moment of the gallery.Gallery Cover –

Spectrum hcool gallery cover option, which allows you to use a single image, as cover of the gallery. This can be useful when used as loading screen whilst your gallery images load in the background, and can be set to swipe away as soon as they have loaded.Image Binding

Spectrum has an api which allows you to bind to any kind of event that may happen on any of the gallery images.

More Details

11. SimpleSliders.Net - jQuery Sliders In ASP.NET

featured image

3D Gallery

No Need add JavaScript code jQuery Sliders.ItemTitle (Displays the image caption)

ItemMediaUrl (The src/url of image)

More Details

12. jQuery Google+/Picasa Gallery

featured image

The jQuery Google+/Picasa automatic photo gallery script allows you to show all your Google+/Picasa albums (images) on your website. Thscript is pure javascript/jQuery solution and does not require PHP server.No need PHP unless internal image scaler is utilized; an external (web based) image scaling service is utilized by default

This script requires you to load additional JS CSS files for your website, as well as adding some custom HTML JavaScript lines to your page code. While the JS CSS files can be hosted outside of your website, the JavaScript lines that are necessary to initialize gallery and HTML line which defines where in your page gallery will be shown must be part of your website.Added 2nd Cloud based Image Scaling Service create Thumbnails

Added option disable Automatic iFrame Detection and Height Adjustment if gallery is embedded with cross-domain iFrames (not recommended embed this way, but sometimes there are no alternatives)

More Details

13. jQuery Flickr Gallery

featured image

The jQuery slider images Gallery script allows you to show all your Flickr albums (images) on your website. Thscript is a pure javascript/jQuery solution and does not require PHP server.No need PHP internal image scaler is utilized; an external (web based) image scaling service is utilized by default

This script requires you load additional JS and CSS files for your website, as well adding some custom HTML JavaScript lines to your page code. While JS and CSS files can be hosted outside of your website, the JavaScript lines that are necessary to initialize the gallery and HTML line which defines where in your page gallery will be shown must be part of your website.Added 2nd Cloud based Image Scaling Service to create Thumbnails

Added option disable Automatic iFrame Detection Height Adjustment if gallery is embedded with cross-domain iFrames (not recommended to embed this way, but sometimes there are no alternatives)

More Details

14. Responsive Gridfolio

featured image

gallery can have any number images and each image can be of any size, but proportional to a base thumb width and height. Pure OOP JavaScript code, no usage jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. Responsive / Flexible / Fluid layout: you can control size of grid CSS or JavaScript, basically it has an adaptable layout which makes it the perfect candidate for any type of project. Support for any number of images and each image can be of any size, but proportional to a base thumb width and height

Thumbnail’s description or thumbnails media icons: each thumb can have a short description with a transparent background under it or media icon which represents a link, video or image, this are visible when the mouse is over a thumbnail, the text can be formatted with CSS, the jQuery CSS background color and opacity also can be modified (optional). Zoom and panning support for images: you can zoom in and out an image and you can pan the image, in this way you can see image in great detail (optional).

More Details

15. Responsive Slideshow Photo Gallery Grid

featured image

The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. Pure OOP JavaScript code, no usage jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. The Responsive Slideshow Photo Gallery is using the GPU (hardware acceleration) using HTML5 standards. Flexible / Fluid layout: you can control size of the grid CSS or JavaScript, basically it has an adaptable layout which makes it the perfect candidate for any type of project. Zoom and panning support for images: you can zoom in and out an image and you can pan the image, in this way you can see image in great detail (optional).

More Details

16. Final Tiles Gallery

featured image

Say STOP to the boring multi-column layouts! Keep images aspect ractio, create gorgeous grids with Final Tiles Gallery!

No crop: unlike many other tiled galleries, it doesn’t crop images, unless you decide to use the snapping to a grid, in that case a small part of the image could be cut;

Responsive: gallery responsive by default, when it’s container changes width each tile will move with an animation;

Social sharing: each image can be shared using Twitter.Styling: many other galleries doesn’t let you customize their CSS, Final Tiles Gallery, instead, gives you a great freedom to use your own CSS to control borders,margins, animations and so on;

CSS3 animations / JS fallback: script detects if the browser can support CSS native animations and, if so, it uses them to take advantage of hardware acceleration, othrwise it uses javascript animations;

More Details

17. Auto Grid Responsive Gallery

featured image

Auto Grid Responsive Gallery

The subfolders will be the categories that will appear at the top, and the plugin will make a grid responsive gallery with the images. Deactivate and Activate Features through Javascript Options

New Javascript property "orderInAll: true" so when you are in the all tab

New Feature: If you want to link to a page when you click on an image instead

of opening a light box just in the name of the image specify url like this:

Fixed some behavior with the tabs when gallery load more images.WHAT it does: when you scroll at the bottom of gallery it load more images automatically, you can see a demo here: http://gmdae.

More Details

18. Final Tiles Gallery for Wordpress

featured image

Finally say STOP to the boring multi-column layouts! Keep images aspect ractio, create gorgeous grids with Final Tiles Gallery!

No crop: unlike many other tiled galleries, it doesn’t crop images, unless you decide to use the snapping to a grid, in that case a small part of image could be cut;

Responsive: gallery responsive by default, when it’s container changes width each tile will move with an animation;

Social sharing: each image can be shared using Twitter.Gallery management: each gallery is saved in WordPress database so you can edit them whenever you want: you can add, rename, delete and edit the galleries;

Custom links: each image can be linked to custom URL;

Zoom: each image can be shown in a bigger format;

Shuffle: Enable disable image shuffle;

CSS3 animations / JS fallback: the script detects if the browser can support CSS native animations and, if so, it uses them to take advantage of hardware acceleration, othrwise it uses javascript animations;

More Details

19. Cute Slider - 3D & 2D HTML5 Image Slider

featured image

Cute Slider is a unique easy to use slider with awesome 3D and 2D transition effects, captions, 4 ready to use templates, video (youtube and vimeo) support and more impressive features which written with pure object oriented javascript. Transition gallery included, a tool that provides the fastest way to select and use them in your slider. Advanced javascript API considered. Developed with pure object oriented javascript. Transitigallery

More Details